---
id: 6571b2fecc1de61d7b4dd380
title: Вступ до Flexbox. Запитання B
challengeType: 15
dashedName: introduction-flexbox-question-b
---

# --description--

Як ви вже помітили, flexbox — це не просто властивість CSS, а цілий набір властивостей, які можна використовувати, щоб розмістити елементи так, як потрібно. Деякі з цих властивостей належать до гнучкого контейнера, а деякі — до гнучких предметів. Це просте, але важливе поняття.

Гнучкий контейнер — це будь-який елемент, який має `display: flex`. Гнучкий предмет — це будь-який елемент, який живе в гнучкому контейнері.

<img src="https://cdn.freecodecamp.org/curriculum/odin-project/flex-box/flexbox-01.png" style="width: 95%; height: 95%;" alt="Зовнішній прямокутник, що представляє гнучкий контейнер, який охоплює три менші внутрішні прямокутники, розташовані поруч, кожен з яких представляє гнучкий предмет." />

# --question--

## --text--

Яка різниця між гнучким контейнером та гнучким предметом?

## --answers--

Гнучкі контейнери — це елементи з `display: flex`, а гнучкі предмети — це елементи в межах гнучких контейнерів.

---

Гнучкі контейнери — це елементи в межах гнучких предметів, а гнучкі предмети визначають загальний макет.

---

Гнучкі контейнери — це елементи, які використовують flexbox, а гнучкі предмети є рядковими елементами.

---

Гнучкі контейнери — це елементи, які визначають структуру макета, а гнучкі предмети контролюють загальний дизайн сторінки.

## --video-solution--

1
